import { FlowToBot } from '../../../../src/js/FlowToBot'

# Video

The Video bubble block allows you to display a video to your user. You can paste a video URL from many sources including YouTube, Vimeo, and mp4.

<FlowToBot
  flow={
    <img
      src="/img/blocks/bubbles/video.png"
      alt="Video bubble"
      width="100%"
      style={{ maxWidth: '300px' }}
    />
  }
  bot={
    <video controls width="100%" style={{ maxWidth: '500px' }}>
      <source src="/img/blocks/bubbles/video-chat.mp4" type="video/mp4" />
    </video>
  }
/>
